<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/courses.css">
    <title>腾讯课堂列表</title>
</head>
<style>

</style>

<body>
    <div class="courses-container">
        <ul class="courses-list">
            <li class="courses-item">
                <a href="" class="courses-link"><img src="img/1.jpg" alt=""></a>
                <h4 class="courses-title">英语发音基础课</h4>
                <div class="courses-info">
                    <span class="info-free">免费</span>
                    <span class="info-uses">2750人 最近报名</span>
                </div>
            </li>
            <li class="courses-item">
                <a href="" class="courses-link"><img src="img/2.jpg" alt=""></a>
                <h4 class="courses-title">美剧大片原声讲解</h4>
                <div class="courses-info">
                    <span class="info-price">￥8889</span>
                    <i class="tip-badge">可试学</i>
                    <span class="info-uses">2750人 最近报名</span>

                </div>
            </li>
            <li class="courses-item">
                <a href="" class="courses-link"><img src="img/3.jpg" alt=""></a>
                <h4 class="courses-title">零基础学英语发音</h4>
                <div class="courses-info">
                    <span class="info-free">免费</span>
                    <span class="info-uses">2750人 最近报名</span>
                </div>
            </li>
            <li class="courses-item">
                <a href="" class="courses-link"><img src="img/4.jpg" alt=""></a>
                <h4 class="courses-title">零基础口语达人全入门</h4>
                <div class="courses-info">
                    <span class="info-price">￥8999</span>
                    <span class="info-uses">2750人 最近报名</span>
                </div>
            </li>
            <li class="courses-item">
                <a href="" class="courses-link"><img src="img/5.jpg" alt=""></a>
                <h4 class="courses-title">看老友记学英语</h4>
                <div class="courses-info">
                    <span class="info-price">￥5565</span>
                    <i class="tip-badge">可试学</i>
                    <span class="info-uses">2750人 最近报名</span>
                </div>
            </li>

        </ul>
    </div>
</body>
<script></script>

</html>